<template>
  <view>
    <ul>
      <li><a href="#home">主页</a></li>
      <li><a href="#news">新闻</a></li>
      <li><a href="#contact">联系</a></li>
      <li style="float:right"><a class="active" href="#about">关于</a></li>
    </ul>

  </view>
</template>

<script>
</script>

<style>
  ul {
      list-style-type: none;
      margin: 0;
      padding: 0;
      overflow: hidden;
      background-color: #333;
  }
 li {
      float: left;
  }

 i a {
      display: block;
      color: white;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
  }

  la:hover:not(.active) {
      background-color: #0000FF;
  }

  .acve {
      background-color: #0681f1;
  }
</style>
